<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Expediente</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <h:outputStylesheet name="css/bootstrap.css" />
        <h:outputStylesheet name="css/estilos.css" />
    </h:head>
    <h:body>
        <div id="top-login" class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" >
                    <div class="login-panel panel panel-default" style="border-color: #428bca;" >
                        <div class="panel-heading" style="background-color: #428bca;">
                            <h3 class="panel-title" style="color: #fff;" >
                                Sistema de Expedientes</h3>
                        </div>
                        <div  class="panel-body">
                            <h:form styleClass="form-horizontal">
                                <h:messages globalOnly="true" styleClass="list-group"
                                            infoClass="list-group-item list-group-item-success"
                                            errorClass="list-group-item list-group-item-danger"
                                            />
                                <div class="form-group" >
                                    <label for="usuario" class="col-sm-3 col-md-4 col-lg-3 control-label">Cuenta :</label>
                                    <div class="col-sm-9 col-md-8 col-lg-9">
                                        <h:inputText value="#{loginControlador.user.nick}" styleClass="form-control" id="usuario"  />
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label for="clave" class="col-sm-3 col-md-4 col-lg-3 control-label">Contraseña :</label>
                                    <div class="col-sm-9 col-md-8 col-lg-9">
                                        <h:inputSecret styleClass="form-control" id="clave" value="#{loginControlador.user.clave}" />
                                    </div>
                                </div>
                                <h:commandButton styleClass="btn btn-info" value="Aceptar" action="#{loginControlador.login}" >
                                    <f:ajax execute="@form" render="@form" />
                                </h:commandButton>
                            </h:form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </h:body>
</html>

